// JavaScript Document
$(document).ready(function(){
	var bannerImg = $('.Banner_Img');  //获取Banner的所有图片
	var bannerLi = $('#Banner_List li');  //获取Banner图片的定位标
	var topIndex = 0;   //存取最上层的Banner
	var moveFlag = true;  //判断动画是否完成
	var bannerTime ;  //设置一个定时器用于Banner自动切换
	var topLi = $('#Top_List li');  //获取排行榜的所有li
	var hoverLi = 0;  //存取当前离开时的li
	var clubList = $('#Club_List .Club_List_Img') ;  //获取社团区的所有社团部分
	clubList.mouseover(function(){  //社团图片放大函数
		$('.Club_Text_Bg').eq($(this).index(".Club_List_Img")).stop(true).animate({'height':'51px'},'fast');
		$('#Club_List .Club_List_Img img').eq($(this).index(".Club_List_Img")).stop(true).animate({'width':'90px','height':'90px'},'fast');
	})
	clubList.mouseleave(function(){  //社团图片缩小函数
		$('.Club_Text_Bg').eq($(this).index(".Club_List_Img")).stop(true).animate({'height':'28px'},'fast');
		$('#Club_List .Club_List_Img img').eq($(this).index(".Club_List_Img")).stop(true).animate({'width':'80px','height':'80px'},'fast');
	})
	topLi.mouseover(function(){  //鼠标移入排行榜时改变样式
		if($(this).index()==hoverLi)
			return
		topLi.each(function(){
			$(this).removeClass('Top_Hover').addClass('Top_Leave');
		})
		hoverLi = $(this).index();
		$(this).removeClass('Top_Leave').addClass('Top_Hover');
		$(this).css('opacity','0.1');
		$(this).stop(true).animate({'opacity':'1'},'100')
	})
	topLi.mouseleave(function(){  //移出时恢复样式
		$(this).removeClass('Top_Hover').addClass('Top_Leave');
	})
	$('#Top_List ul').mouseleave(function(){   //鼠标离开排行榜时保持样式
		topLi.eq(hoverLi).removeClass('Top_Leave').addClass('Top_Hover');
	})
	$('#Banner_List').mouseover(function(){   //移入定位标之后关闭定时器
		clearInterval(bannerTime);
	})
	$('#Banner_List').mouseleave(function(){   //移出定位标后重新开启定时器
			bannerTime = setInterval(function(){
			var setIndex = topIndex+1;
			if(setIndex>3)
				setIndex=0;
			changeBanner(setIndex);
		},5000)
	})
	bannerLi.mouseover(function(index){  //设置鼠标移入标记后变换图片
		changeBanner($(this).index())
	})
	bannerLi.click(function(index){  //设置鼠标点击标记后变换图片
		changeBanner($(this).index())
	})
	function isEnd(){  //动画完成函数
		moveFlag = true;
	}
	function changeBanner(index){   //图片切换函数
		if(index == topIndex)
			return;
		if(!moveFlag)
			return;
		moveFlag = false;
		bannerImg.each(function(){   //将所有Banner图片层级设为1
			$(this).css('z-index','1');
		})
		bannerImg.eq(topIndex).css('z-index','4');  //将当前图片层级设为4
		bannerImg.eq(index).css({'z-index':'5',  //设置待显示图片的属性
								'top':'-20px',
								'left':'-58px',
								'opacity':'0',
								'width':'979px',
								'height':'320px'});
		bannerImg.eq(index).stop(true).animate({'top':'50px',  //开始缩小动画
									'left':'0',
									'width':'862px',
									'height':'282px',
									'opacity':'0.7'},'1000');
		  //开始移动动画
		bannerImg.eq(index).animate({'top':'20px','opacity':'1'},'fast',isEnd);
		topIndex = index ;  //将顶层图片索引设为当前图片
		bannerLi.each(function(){  //将所有图片定位标的边框清除
			$(this).css('border','0');
		})
		bannerLi.eq(index).css('border','1px solid #09F');  //设置当前标记边框
	}
	bannerTime = setInterval(function(){
		var setIndex = topIndex+1;
		if(setIndex>3)
			setIndex=0;
		changeBanner(setIndex);
	},5000)
	
	var articleStyle = $('#Article_Style li');  //获取领域分类
	var allArticleList = $('.Article_Main');  //获取所有领域文章列表
	var articleFlag = false; //防止动画累加
	var articleIndex = 0; //防止重复动画
	articleStyle.mouseover(changeArticle);
	articleStyle.click(changeArticle);
	function changeArticle(){
		if(articleFlag)
			return;
		if($(this).index()==articleIndex)
			return;
		articleFlag = true;
		$(this).addClass('Article_Style_Current').siblings().removeClass('Article_Style_Current');
		allArticleList.each(function(){
			$(this).fadeOut(0);
		})
		allArticleList.eq($(this).index()).fadeIn(300,articleFlagChange);
		articleIndex = $(this).index();
	}
	function articleFlagChange(){articleFlag = false};
	
	var allUserInfo = $('.Club_User_Info li');  //获取所有用户动态
	allUserInfo.mouseover(function(){
		$(this).css('borderBottom','1px solid #09F')
	})
	allUserInfo.mouseleave(function(){
		$(this).css('borderBottom','1px solid #CCC')
	})
})